refactor(download): 更新下载链接样式和结构

- 将下载名称包裹在链接中以增强可点击性
- 添加链接的hover效果以改善用户体验
- 确保链接在新标签页中打开以提高可用性

public/themes/dist_static/static/css/product.css

@@ -593,6 +593,14 @@ body.is-p-subnav .site-header {
   font-weight: 400;
   line-height: var(--font-32);
 }
+.p-download__name a {
+  color: inherit;
+  text-decoration: none;
+  transition: color var(--duration-fast) var(--easing);
+}
+.p-download__name a:hover {
+  color: var(--color-primary);
+}
 .p-download__meta {
   display: flex;
   align-items: center;

public/themes/website/1/zh/demo/product.html

@@ -302,7 +302,9 @@ $resource_download = $main_content['resource_download'] ?? [];
           {/php}
           <li class="p-download__item">
             <div class="p-download__info">
-              <h3 class="p-download__name">{$nameTmp}</h3>
+              <h3 class="p-download__name">
+                <a href="{$downloadUrl}" target="_blank" rel="noopener" title="预览">{$nameTmp}</a>
+              </h3>
               <p class="p-download__meta">
                 <span>{$descTmp}</span>
                 <span class="p-download__meta-divider"></span>