refactor: improve download dropdown UX and styling

- Use lightweight fade‑in hover

youtube/static/dark_theme.css

@@ -10,6 +10,7 @@
     --link:                 #00B0FF;
     --link-visited:         #40C4FF;
     --border-color:         #333333;
+    --thead-background:     #0a0a0b;
     --border-bg:            #222222;
     --border-bg-settings:   #000000;
     --border-bg-license:    #000000;

youtube/static/gray_theme.css

@@ -10,6 +10,7 @@
     --link:                  #22AAFF;
     --link-visited:          #7755FF;
     --border-color:          #4A5568;
+    --thead-background:      #1a2530;
     --border-bg:             #FFFFFF;
     --border-bg-settings:    #FFFFFF;
     --border-bg-license:     #FFFFFF;

youtube/static/light_theme.css

@@ -10,6 +10,7 @@
     --link:                 #212121;
     --link-visited:         #808080;
     --border-color:         #CCCCCC;
+    --thead-background:     #d0d0d0;
     --border-bg:            #212121;
     --border-bg-settings:   #91918C;
     --border-bg-license:    #91918C;

youtube/static/watch.css

@@ -358,7 +358,7 @@ figure.sc-video {
     font-size: 0.875rem;
 }
 .download-table thead {
-    background: var(--primary-background);
+    background: var(--thead-background);
     position: sticky;
     top: 0;
     z-index: 1;
@@ -379,26 +379,23 @@ figure.sc-video {
     transition: all 0.2s ease;
 }
 .download-table tbody tr:hover {
-    background: rgba(0,0,0,0.04);
+    background: var(--primary-background);
 }
 .download-table a.download-link {
-    display: inline-flex;
+    display: inline-block;
-    align-items: center;
+    padding: 0.4rem 0.85rem;
-    justify-content: center;
+    background: rgba(0,0,0,0.12);
-    padding: 0.45rem 0.9rem;
-    background: var(--buttom);
     color: var(--buttom-text);
     text-decoration: none;
     border-radius: 5px;
     font-weight: 500;
     font-size: 0.85rem;
-    transition: all 0.2s ease;
+    transition: background 0.2s ease;
-    min-width: 80px;
+    white-space: nowrap;
 }
 .download-table a.download-link:hover {
-    background: var(--buttom-hover);
+    background: rgba(0,0,0,0.28);
     color: var(--buttom-text);
-    transform: translateY(-1px);
 }
 .download-table tbody tr:last-child td {
     border-bottom: none;
@@ -410,13 +407,8 @@ figure.sc-video {
 }
 .download-table td[data-label="Link"] {
     white-space: nowrap;
-    padding: 0.4rem 0;
     vertical-align: middle;
 }
-.download-table td[data-label="Link"] a {
-    display: inline-block;
-    white-space: nowrap;
-}
 .download-table td[data-label="Codecs"] {
     max-width: 180px;
     text-overflow: ellipsis;