Feat: Modify the segmented component style #3221 (#7409)

### What problem does this PR solve?

Feat: Modify the segmented component style #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/datasets/dataset-card.tsx

@@ -29,7 +29,7 @@ export function DatasetCard({
       className="bg-colors-background-inverse-weak  w-40"
       onClick={navigateToDataset(dataset.id)}
     >
-      <CardContent className="p-2.5 pt-1">
+      <CardContent className="p-2.5 pt-1 group">
         <section className="flex justify-between mb-2">
           <div className="flex gap-2 items-center">
             <Avatar className="size-6 rounded-lg">
@@ -46,7 +46,11 @@ export function DatasetCard({
             showDatasetRenameModal={showDatasetRenameModal}
             dataset={dataset}
           >
-            <Button variant="ghost" size="icon">
+            <Button
+              variant="ghost"
+              size="icon"
+              className="invisible group-hover:visible"
+            >
               <Ellipsis />
             </Button>
           </DatasetDropdown>
@@ -56,8 +60,10 @@ export function DatasetCard({
             <h3 className="text-lg font-semibold mb-2 line-clamp-1">
               {dataset.name}
             </h3>
-            <p className="text-xs opacity-80">{dataset.doc_num} files</p>
-            <p className="text-xs opacity-80">
+            <p className="text-xs text-text-sub-title">
+              {dataset.doc_num} files
+            </p>
+            <p className="text-xs text-text-sub-title">
               {formatDate(dataset.update_time)}
             </p>
           </div>

web/src/pages/datasets/index.tsx

@@ -63,8 +63,8 @@ export default function Datasets() {
         onChange={handleFilterSubmit}
         className="px-8"
       >
-        <Button variant={'tertiary'} size={'sm'} onClick={showModal}>
-          <Plus className="mr-2 h-4 w-4" />
+        <Button size={'sm'} onClick={showModal}>
+          <Plus className="mr-2 size-2.5" />
           {t('knowledgeList.createKnowledgeBase')}
         </Button>
       </ListFilterBar>

web/src/pages/home/applications.tsx

@@ -67,7 +67,7 @@ export function Applications() {
           options={options}
           value={val}
           onChange={handleChange}
-          className="bg-colors-background-inverse-standard text-colors-text-neutral-standard"
+          className="bg-transparent"
         ></Segmented>
       </div>
       <div className="flex flex-wrap gap-4">

web/src/pages/home/banner.tsx

@@ -42,7 +42,7 @@ export function NextBanner() {
   return (
     <section className="text-5xl pt-10 pb-14 font-bold">
       <span className="text-text-title">Welcome to</span>
-      <span className="pl-3 text-transparent bg-clip-text  bg-gradient-to-b from-[#40EBE3] to-[#4A51FF]">
+      <span className="pl-3 text-transparent bg-clip-text  bg-gradient-to-l from-[#40EBE3] to-[#4A51FF]">
         RAGFlow
       </span>
     </section>

web/src/pages/home/datasets.tsx

@@ -1,12 +1,10 @@
 import { RenameDialog } from '@/components/rename-dialog';
 import { CardSkeleton } from '@/components/ui/skeleton';
-import { useNavigatePage } from '@/hooks/logic-hooks/navigate-hooks';
 import { useFetchNextKnowledgeListByPage } from '@/hooks/use-knowledge-request';
 import { DatasetCard, SeeAllCard } from '../datasets/dataset-card';
 import { useRenameDataset } from '../datasets/use-rename-dataset';
 
 export function Datasets() {
-  const { navigateToDatasetList } = useNavigatePage();
   const { kbs, loading } = useFetchNextKnowledgeListByPage();
   const {
     datasetRenameLoading,